<template>
	<view class="container">
		<top-back-navbar position="fixed" title="钱包-提现" :background="pageShowType == 1?'#001b4d':'#ffffff'"
			:color="pageShowType == 1?'#ffffff':'#000000'"></top-back-navbar>
		<view class="top">
			<view class="uni-form-item uni-column">
				<view class="title" style="position: relative;">提现数量
					<view style="position: absolute;top: 0;right: 20upx;"
						@click="$u.route(`/pages/member/acommsion/projcommision/details?type=${pageShowType}`)">
						提现记录
					</view>
				</view>
				<view class="yuan">¥</view>
				<input class="uni-input uni-input_top" type="number" placeholder="请输入提现金额" v-model="money" />
			</view>
			<view class="top_two">可提现数量<text class="top_right">{{credit || '0.00'}}</text></view>
		</view>
		<!-- <view style="font-size: 28upx;margin-left: 50upx;">
      当前提现手续费为{{withdrawcharge}}% 最低提现额度为{{withdrawmoney}}元,提现金额必须为{{withdrawmoney}}元整数倍。
    </view> -->
		<view class="foot">
			<view class="uni-form-item uni-column">
				<view class="get_way">提现方式</view>
			</view>
			<!-- <view class="getit"  @click="changePayType(1)">
				<image src="../../../static/wx.png" mode="" class="img"></image>
				<text class="getit_card">提现到微信</text>
				<label class="radio">
					<radio value="" color="#fa436a" :checked='payType == 1' />
					</radio>
				</label>
			</view> -->
			<!-- <view :style="{ display: boolean_wx }">
				<view style="height: 40upx;line-height: 40upx;margin-left: 20upx;margin-top: 10upx;">请上传微信收款码</view>
				<view style="display: inline-block;width: 150upx;height: 150upx;border-radius: 10upx;border: 2upx solid #ccc;margin-left: 20upx;overflow: hidden;margin-top: 20upx;text-align: center;font-size: 55upx;line-height: 145upx;" @click.stop.prevent="chooseImage" v-if="!res.wechat">
					+
				</view>
				<view v-if="imagess[0]" style="display: inline-block;width: 150upx;height: 150upx;border-radius: 10upx;border: 2upx solid #ccc;margin-left: 20upx;overflow: hidden;margin-top: 20upx;">
					<image :src="imagess[0]" mode="" style="width: 150upx;height: 150upx;" @click.stop.prevent="chooseImage"></image>
				</view>
			</view> -->
			<!-- <view class="getit"  @click="changePayType(2)">
				<image src="../../../static/zfb.png" mode="" class="img"></image>
				<text class="getit_card">提现到支付宝</text>
				<label class="radio">
					<radio value="" color="#fa436a" :checked='payType == 2' />
					</radio>
				</label>
			</view> -->
			<!-- <view :style="{ display: boolean_zfb }">
				<view style="height: 40upx;line-height: 40upx;margin-left: 20upx;margin-top: 10upx;">请上传支付宝收款码</view>
				<view style="display: inline-block;width: 150upx;height: 150upx;border-radius: 10upx;border: 2upx solid #ccc;margin-left: 20upx;overflow: hidden;margin-top: 20upx;text-align: center;font-size: 55upx;line-height: 145upx;" @click.stop.prevent="select_img" v-if="!res.alipay">
					+
				</view>
				<view v-if="imagesss[0]" style="display: inline-block;width: 150upx;height: 150upx;border-radius: 10upx;border: 2upx solid #ccc;margin-left: 20upx;overflow: hidden;margin-top: 20upx;">
					<image :src="imagesss[0]" mode="" style="width: 150upx;height: 150upx;" @click.stop.prevent="select_img"></image>
				</view>
			</view> -->
			<view class="getit" @click="changePayType(3)">
				<image src="/static/yue_1.png" mode="" class="img"></image>
				<text class="getit_card">提现到银行卡</text>
				<label class="radio">
					<radio value="" color="#fa436a" :checked='payType == 3' />
					</radio>
				</label>
			</view>
			<view class="show" :style="{display:boolean}">
				<view class="same">
					<view class="name">姓名</view>
					<input class="uni-input uni-input_cell" type="text" placeholder="请输入姓名" v-model="realname" />
				</view>
				<view class="same" @click="show = true">
					<view class="name">银行名称</view>
					<input class="uni-input uni-input_cell" type="text" placeholder="请输入银行" v-model="bankname"
						disabled />
				</view>
				<!-- <view class="same" @click="bank_out">
					<view class="name">选择银行</view>
					<view class="bank">
						<view class="bank_online">{{bankname}}</view>
						<view :style="{display:bankout}" class="out_miss_father">
							<view v-for="(arr,index) in arrs" :key=index @click.stop="bank_miss(index)" class="list">{{arr==''? '请选择银行': arr}}</view>
						</view>
					</view>
				</view> -->

				<!-- <view class="same">
					<view class="name">开户省</view>
					<input class="uni-input uni-input_cell" type="text" placeholder="请输入开户省" v-model="bankbranch" />
				</view> -->
				<view class="same">
					<view class="name">开户支行</view>
					<input class="uni-input uni-input_cell" type="text" placeholder="请输入开户支行" v-model="bankbranch" />
				</view>
				<!-- <view class="same">
					<view class="name">开户网点</view>
					<input class="uni-input uni-input_cell" type="text" placeholder="请输入开户网点" v-model="bankbranch3" />
				</view> -->


				<view class="same">
					<view class="name">银行卡号</view>
					<input class="uni-input uni-input_cell" type="number" placeholder="请输入银行卡号" v-model="bankcard" />
				</view>
				<view class="same">
					<view class="name">确认卡号</view>
					<input class="uni-input uni-input_cell" type="number" placeholder="请确认卡号" v-model="bankcard1" />
				</view>

				<!-- <view class="list webkit same">
					<view class="label">所在地区</view>
					<button class="" type="" @click="showMulLinkageThreePicker" style="background: #fff;outline:none;line-height: 55upx;">{{accountarea}}</button>
				</view> -->

			</view>
			<button :style="{backgroundColor:pageShowType == 1?'#BA1B21':'#ffffff'}" style="border-radius: 40rpx;"
				class="next" @click="jumpto">申请提现</button>
		</view>
		<u-picker mode="selector" v-model="show" :range="banklist" @confirm="confirmBank"></u-picker>

		<!-- <mpvue-picker :themeColor="themeColor" ref="mpvuePicker" :mode="mode" :deepLength="deepLength" :pickerValueDefault="pickerValueDefault"
		 @onConfirm="onConfirm" @onCancel="onCancel" :pickerValueArray="pickerValueArray"></mpvue-picker>
		<mpvue-city-picker :themeColor="themeColor" ref="mpvueCityPicker" :pickerValueDefault="cityPickerValueDefault"
		 @onCancel="onCancel" @onConfirm="onConfirm"></mpvue-city-picker> -->

	</view>
</template>

<script>
	// import mpvuePicker from '../../../../components/mpvue-picker/mpvuePicker.vue';
	// import mpvueCityPicker from '../../../../components/mpvue-citypicker/mpvueCityPicker.vue'
	// import cityData from '../../../../common/city.data.js';
	// import city from '../../../../components/mpvue-citypicker/city-data/city.js';
	// import area from '../../../../components/mpvue-citypicker/city-data/area.js';
	// import province from '../../../../components/mpvue-citypicker/city-data/province.js';
	// import asd from '../../../../components/mpvue-citypicker/city-data/asd.js';

	export default {
		// components: {
		// 	mpvuePicker,
		// 	mpvueCityPicker
		// },
		data() {
			return {
				res: {},
				openid: '',
				money: '',
				active: "active",
				checked: 'checked',
				boolean: 'block',
				boolean_wx: 'none',
				boolean_zfb: 'none',
				bankout: 'none',
				arrs: [],
				// commission_ok:'',
				// 死的？	
				type: 3,
				realname: '',
				bankname: '',
				bankbranch: '',
				bankbranch2: '',
				bankbranch3: '',
				bankcard: '',
				bankcard1: '',
				credit: '',
				multiple: '',
				withdrawcharge: '',
				withdrawmoney: '',
				// 地址
				accountarea: '-请选择地区-',
				cityPickerValueDefault: [0, 0, 0],
				pickerValueDefault: [0],
				pickerValueArray: [],
				// mulLinkageTwoPicker: cityData,
				// province:province,
				// city:city,
				// area:area,
				// asd:asd,
				themeColor: '#007AFF',
				pickerText: '',
				mode: '',
				deepLength: 1,
				datavalue: '',
				payType: 3, // 支付类型
				imagess: [], // 数组类型图片 wx
				imgurl: '', // 字符串类型图片 wx
				imagesss: [], // 数组类型图片 zfb
				imgurls: '', // 字符串类型图片 zfb
				escrow_id: '',
				banklist: [],
				show: false,
				submitType: '',
				pageShowType: 1,
				requestQueyr:''
			};
		},
		onLoad(e) {
			this.pageShowType = e.type ? e.type : 1
			if (e.escrow_id) this.escrow_id = e.escrow_id
			if (e.type) this.submitType = e.type;
			if(this.pageShowType==2){
				this.requestQueyr='&type=gf';//国风进入
			}else if(this.pageShowType==3){
				this.requestQueyr='&type=fly_egg';//会飞的蛋进入
			}
		},
		onShow: function() {
			// uni.showLoading()
			uni.getStorage({
				key: 'openid',
				success: (res) => {
					this.openid = res.data
					this.setAjax()
				},
				fail: () => {
					uni.navigateTo({
						url: '../index/index'
					});
				}
			});
		},
		methods: {
			confirmBank(e) {
				console.log(e)
				this.bankname = this.banklist[e]
			},
			setAjax() {
				let queyr='';
				uni.request({
					url: `http://easycolor.juxingqiansheng.com/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=member.withdraw&app=1${this.requestQueyr}`,
					method: 'POST',
					data: {
						'openid': this.openid,
						escrow_id: this.escrow_id,
						type: this.submitType,
					},
					header: {
						'Content-Type': 'application/x-www-form-urlencoded'
					},
					success: res => {
						this.res = res.data
						this.banklist = res.data.banklist
						if (res.data.error == '1') {
							uni.showToast({
								title: res.data.message,
								icon: 'none'
							});
							setTimeout(() => {
								uni.navigateTo({
									url: './ident',
								});
							}, 1500)
							return false
						} else if (res.data.error == '2') {
							this.$u.toast(res.data.message)
							setTimeout(() => {
								this.$u.route('/pageA/member/info/ident/ident')
							}, 1200)
						}
						this.credit = res.data.credit
						this.withdrawcharge = res.data.withdrawcharge
						this.withdrawmoney = res.data.withdrawmoney
						const {realname,bankname,bankbranch,bankcard}=res.data;
						this.realname=this.lodash.isString(realname)?realname:'';
						this.bankname=this.lodash.isString(bankname)?bankname:'';
						this.bankbranch=this.lodash.isString(bankbranch)?bankbranch:'';
						this.bankcard=this.lodash.isString(bankcard)?bankcard:'';
						this.bankcard1=this.lodash.isString(bankcard)?bankcard:'';
						if (res.data.wechat != '' && res.data.wechat != null) {
							this.imagess[0] = res.data.wechat
						}
						if (res.data.alipay != '' && res.data.alipay != null) {
							this.imagesss[0] = res.data.alipay
						}
						// if (res.data.bankcard != '' && res.data.bankcard != null) {
						// 	this.bankcard = res.data.bankcard
						// 	this.bankcard1 = res.data.bankcard
						// }
						// if (res.data.bankname != '' && res.data.bankname != null) {
						// 	// this.bankname = res.data.bankname
						// }
						if (res.data.multiple != '' && res.data.multiple != null) {
							this.multiple = res.data.multiple
						}
						// if (res.data.realname != '' && res.data.realname != null) {
						// 	this.realname = res.data.realname
						// }
						if (res.data.accountarea != '' && res.data.accountarea != null) {
							this.accountarea = res.data.accountarea
						}
						// if (res.data.bankbranch != '' && res.data.bankbranch != null) {
						// 	this.bankbranch = res.data.bankbranch
						// }
						// if (res.data.bankbranch2 != '' && res.data.bankbranch2 != null) {
						// 	this.bankbranch2 = res.data.bankbranch2
						// }
						// if (res.data.bankbranch3 != '' && res.data.bankbranch3 != null) {
						// 	this.bankbranch3 = res.data.bankbranch3
						// }
						
						// realname bankname  bankbranch bankcard bankcard1
						this.withdrawcharge = res.data.withdrawcharge
						for (var i = 0; i < res.data.banklist.length; i++) {
							this.arrs[i] = res.data.banklist[i].bankname
						}
						uni.hideLoading()
					},
					fail: () => {},
					complete: () => {}
				});
			},
			chooseImage() {
				var _this = this
				uni.chooseImage({
					count: 1, //默认9
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: function(res) {
						let file = res.tempFilePaths
						var images = []
						var img = ''
						for (var i = 0; i < res.tempFilePaths.length; i++) {
							uni.uploadFile({
								url: this.$BASE_URL+'/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=util.uploader&app=1',
								//仅为示例，非真实的接口地址
								filePath: file[i],
								name: 'file',
								formData: {
									'user': 'test'
								},
								success: (res) => {
									_this.res.wechat = true
									// console.log(res)
									images.push(JSON.parse(res.data).url)
									_this.imagess = images
									// _this.avatar = _this.imagess[0]

									img = img + JSON.parse(res.data).url + ';'
									_this.imgurl = img
								}
							});
						}
					}
				});
			},
			select_img() {
				var _this = this
				uni.chooseImage({
					count: 1, //默认9
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: function(res) {
						let file = res.tempFilePaths
						var images = []
						var img = ''
						for (var i = 0; i < res.tempFilePaths.length; i++) {
							uni.uploadFile({
								url: this.$BASE_URL+'/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=util.uploader&app=1',
								//仅为示例，非真实的接口地址
								filePath: file[i],
								name: 'file',
								formData: {
									'user': 'test'
								},
								success: (res) => {
									_this.res.alipay = true
									// console.log(res)
									images.push(JSON.parse(res.data).url)
									_this.imagesss = images
									// _this.avatar = _this.imagess[0]

									img = img + JSON.parse(res.data).url + ';'
									_this.imgurls = img
								}
							});
						}
					}
				});
			},
			//选择支付方式
			changePayType(type) {
				this.payType = type;
				if (type == 1) { // 微信
					this.boolean_wx = 'block'
					this.boolean_zfb = 'none'
					this.boolean = 'none'
				}
				if (type == 2) { // 支付宝
					this.boolean_zfb = 'block'
					this.boolean_wx = 'none'
					this.boolean = 'none'
				}
				if (type == 3) {
					this.boolean = 'block'
					this.boolean_wx = 'none'
					this.boolean_zfb = 'none'
				}
			},
			onCancel(e) {},
			showMulLinkageThreePicker() {
				this.$refs.mpvueCityPicker.show()
			},
			onConfirm(e) {
				this.accountarea = e.label
				console.log(this.accountarea)
				// var pro = e.value[0]
				// var city = e.value[1]
				// var area = e.cityCode
				// this.submit.datavalue = this.province[pro].value + '0000 ' + this.city[pro][city].value + '00 ' +area
				// var a = e.label.split("-")
				// a = a[0] + ' ' + a[1] + ' ' + a[2]
				// this.submit.areas = a
			},
			// onBackPress() {
			//   if (this.$refs.mpvuePicker.showPicker) {
			// 	this.$refs.mpvuePicker.pickerCancel();
			// 	return true;
			//   }
			//   if (this.$refs.mpvueCityPicker.showPicker) {
			// 	this.$refs.mpvueCityPicker.pickerCancel();
			// 	return true;
			//   }
			// },
			// onUnload() {
			// 	if (this.$refs.mpvuePicker.showPicker) {
			// 		this.$refs.mpvuePicker.pickerCancel()
			// 	}
			// 	if (this.$refs.mpvueCityPicker.showPicker) {
			// 		this.$refs.mpvueCityPicker.pickerCancel()
			// 	}
			// },
			check() {
				this.boolean = this.boolean == 'block' ? 'none' : 'block'
			},
			bank_out() {
				this.bankout = 'block'
			},
			bank_miss(index) {
				this.bankname = this.arrs[index]
				this.bankout = 'none'
			},
			tixian_jilu() {
				uni.navigateTo({
					url: '../../coin/log'
				})
			},
			jumpto() {
				if (this.payType == 1) {
					this.wx_tx()
				}
				if (this.payType == 2) {
					this.zfb_tx()
				}
				if (this.payType == 3) {
					this.jump()
				}
			},
			wx_tx() {
				if (!this.res.wechat) {
					uni.showToast({
						title: '请上传微信收款码'
					})
					return
				}
				uni.request({
					url: `http://easycolor.juxingqiansheng.com/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=member.withdraw.submit&app=1${this.requestQueyr}`,
					method: 'POST',
					data: {
						'openid': this.openid,
						'applytype': 1,
						'wechat': this.imgurl,
						'money': this.money,
						type: this.submitType,
					},
					header: {
						'Content-Type': 'application/x-www-form-urlencoded'
					},
					success: res => {
						console.log(res)
						if (res.data.status == 0) {
							uni.showModal({
								title: '提示',
								content: res.data.result.message,
								showCancel: false
							})
							return
						}
						if (res.statusCode == 200) {
							uni.showModal({
								content: '提现申请已提交',
								showCancel: false,
								confirmColor: "#DD524D",
								success() {
									setTimeout(() => {
										uni.navigateTo({
											url: `/pages/member/acommsion/projcommision/details?type=${this.pageShowType}`
										})
									}, 1200);
								}
							})
						}
						uni.hideLoading()
					},
					fail: () => {},
					complete: () => {}
				})
			},
			zfb_tx() {
				if (!this.res.alipay) {
					uni.showToast({
						title: '请上传支付宝收款码'
					})
					return
				}
				uni.request({
					url: `http://easycolor.juxingqiansheng.com/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=member.withdraw.submit&app=1${this.requestQueyr}`,
					method: 'POST',
					data: {
						'openid': this.openid,
						'applytype': 2,
						'alipay': this.imgurls,
						'money': this.money,
						type: this.submitType,
					},
					header: {
						'Content-Type': 'application/x-www-form-urlencoded'
					},
					success: res => {
						console.log(res)
						if (res.data.status == 0) {
							uni.showModal({
								title: '提示',
								content: res.data.result.message,
								showCancel: false
							})
							return
						}
						if (res.statusCode == 200) {
							uni.showModal({
								content: '提现申请已提交',
								showCancel: false,
								confirmColor: "#DD524D",
								success() {
									setTimeout(() => {
										uni.navigateTo({
											url: `/pages/member/acommsion/projcommision/details?type=${this.pageShowType}`
										})
									}, 1200);
								}
							})
						}
						uni.hideLoading()
					},
					fail: () => {},
					complete: () => {}
				})
			},
			jump() {
				if (this.realname == '') {
					uni.showModal({
						title: '请输入名字',
						showCancel: false
					})
					return
				}
				if (this.bankcard == '') {
					uni.showModal({
						title: '请输入银行卡号',
						showCancel: false
					})
					return
				}
				if (this.bankname == '请选择银行') {
					uni.showModal({
						title: '请选择银行',
						showCancel: false
					})
					return
				}
				if (this.bankcard1 == '') {
					uni.showModal({
						title: '请确认卡号',
						showCancel: false
					})
					return
				}
				let queyr='';
				uni.request({
					url: `http://easycolor.juxingqiansheng.com/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=member.withdraw.submit&app=1${this.requestQueyr}`,
					method: 'POST',
					data: {
						'openid': this.openid,
						'applytype': 3,
						'realname': this.realname,
						'bankcard': this.bankcard,
						'bankcard1': this.bankcard1,
						'bankname': this.bankname,
						'money': this.money,
						'bankbranch': this.bankbranch,
						'bankbranch1': this.bankbranch2,
						'bankbranch3': this.bankbranch3,
						'accountarea': this.accountarea,
						'escrow_id': this.escrow_id,
						type: this.submitType,
					},
					header: {
						'Content-Type': 'application/x-www-form-urlencoded'
					},
					success: res => {
						if (res.data.status == 0) {
							uni.showModal({
								title: '提示',
								content: res.data.result.message,
								showCancel: false
							})
							return
						}
						if (res.statusCode == 200) {
							uni.showModal({
								content: '提现申请已提交',
								showCancel: false,
								confirmColor: "#DD524D",
								success() {
									setTimeout(() => {
										uni.navigateTo({
											url: `/pages/member/acommsion/projcommision/details?type=${this.pageShowType}`
										})
									}, 1200);
								}
							})
						}
						uni.hideLoading()
					},
					fail: () => {},
					complete: () => {}
				})

				// 弹窗
				// uni.showModal({
				// title:'提示',
				// content:'确认要提现到银行卡?\r\n姓名:'+this.realname+'\r\n'+this.bankname+'卡号'+this.bankcard + '?',
				// // showCancel: false,
				// confirmColor:"#DD524D",
				// success(res) {
				// 	if (res.confirm) {

				// 		}
				// 	}
				// })

			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f2f5fa;
		box-sizing: border-box;
	}

	.container {
		padding: 30rpx;
		height: 100%;
	}

	.pay-type-list {
		margin-top: 20upx;
		background-color: #fff;
		padding-left: 60upx;

		.type-item {
			height: 120upx;
			padding: 20upx 0;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-right: 60upx;
			font-size: 30upx;
			position: relative;
		}

		.icon {
			width: 100upx;
			font-size: 52upx;
		}

		.icon-erjiye-yucunkuan {
			color: #fe8e2e;
		}

		.icon-weixinzhifu {
			color: #36cb59;
		}

		.icon-alipay {
			color: #01aaef;
		}

		.tit {
			font-size: $font-lg;
			color: $font-color-dark;
			margin-bottom: 4upx;
		}

		.con {
			flex: 1;
			display: flex;
			flex-direction: column;
			font-size: $font-sm;
			color: $font-color-light;
		}
	}


	button::after {
		border: none;
	}

	.top {
		margin-top: 30upx;
		background-color: #fff;
		padding: 0 20upx;
	}

	.uni-form-item {
		position: relative;
	}

	.uni-input_top {
		margin-left: 50upx;
		height: 100upx;
		line-height: 100upx;
		font-size: 40upx;
		border-bottom: 1upx solid #eee;
	}

	.yuan {
		position: absolute;
		top: 100upx;
		font-size: 44upx;
		font-weight: 555;
		left: 20upx;
	}

	.top_two {
		height: 80upx;
		line-height: 80upx;
		margin-left: 20upx;
		color: #555;
	}

	.top_right {
		margin-left: 50upx;
	}

	.foot {
		background-color: #FFFFFF;
		margin-top: 30upx;
	}

	.get_way {
		margin-left: 30upx;
		border-bottom: 2upx solid #eee;
	}

	.img {
		width: 50upx;
		height: 50upx;
		margin-left: 30upx;
		margin-top: 30upx;
	}

	.getit {
		position: relative;
		height: 100upx;
		border-bottom: 2upx solid #eee;
	}

	.getit_card {
		position: absolute;
		top: 30upx;
		left: 100upx;
	}

	.radio {
		position: absolute;
		top: 30upx;
		right: 25upx;
	}

	.show {
		background-color: #fff;
	}

	.same {
		height: 80upx;
		display: flex;
		margin: 20upx;
		padding-bottom: 20upx;
		border-bottom: 1upx solid #eee;
	}

	.name {
		flex: 1;
		padding-top: 16upx;
	}

	.uni-input_cell {
		flex: 3;
	}

	.bank {
		flex: 3;
		position: relative;
	}

	.bank_online {
		position: absolute;
		left: 10upx;
		top: 16upx;
	}

	.out_miss_father {
		position: absolute;
		top: 58upx;
		left: 10upx;
		z-index: 99999;
		width: 400upx;
		border: 1upx solid #ccc;
		background-color: #fff;
	}

	.next {
		margin: 20upx;
		border-radius: 15upx;
		background-color: #30549C;
		color: #fff;
	}

	.list {
		height: 60upx;
		line-height: 60upx;
	}
</style>
